﻿<!DOCTYPE html>
<html lang="en">
<head th:replace="~{parts/head}">

<!-- page wrapper -->
<body>

    <div class="boxed_wrapper">

        <!-- preloader -->
        <div class="preloader"></div>
        <!-- preloader -->


        <!-- main header -->
        <header class="main-header style-three">

            <!-- header-lower -->
            <div class="header-lower">
                <div class="outer-box clearfix">
                    <div class="left-column">
                        <div class="logo-box">
                            <figure class="logo"><a href="/"><img src="../../images/logo-3.png" alt=""></a></figure>
                        </div>
                        <div th:replace="~{parts/menu-area}">
                        </div>
                        <div class="right-column pull-right">
                            <div th:replace="~{parts/author-box}">
                            </div>
                        </div>
                    </div>

                    <!--sticky Header-->
                    <div class="sticky-header">
                        <div class="auto-container">
                            <div class="outer-box">
                                <div class="logo-box">
                                    <figure class="logo"><a href="/"><img src="../../images/small-logo.png" alt=""></a></figure>
                                </div>
                                <div class="menu-area">
                                    <nav class="main-menu clearfix">
                                        <!--Keep This Empty / Menu will come through Javascript-->
                                    </nav>
                                </div>
                                <!--                        <div class="btn-box"><a href="register-page.html" class="theme-btn-one"><i class="icon-image"></i>Join Now</a></div>-->
                            </div>
                        </div>
                    </div>
        </header>
        <!-- main-header end -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><i class="fas fa-times"></i></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="/"><img src="../../images/logo-2.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>Chicago 12, Melborne City, USA</li>
                        <li><a href="">+88 01682648101</a></li>
                        <li><a href="mailto:info@example.com">info@example.com</a></li>
                    </ul>
                </div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="/"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="/"><span class="fab fa-facebook-square"></span></a></li>
                        <li><a href="/"><span class="fab fa-pinterest-p"></span></a></li>
                        <li><a href="/"><span class="fab fa-instagram"></span></a></li>
                        <li><a href="/"><span class="fab fa-youtube"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->


        <!--page-title-two-->
        <section class="page-title-two">
            <div class="title-box centred bg-color-2">
                <div class="pattern-layer">
                    <div class="pattern-1" style="background-image: url(../../images/shape/shape-70.png);"></div>
                    <div class="pattern-2" style="background-image: url(../../images/shape/shape-71.png);"></div>
                </div>
                <div class="auto-container">
                    <div class="title">
                        <h1>医生信息</h1>
                    </div>
                </div>
            </div>
            <div class="lower-content">
                <div class="auto-container">
                    <ul class="bread-crumb clearfix">
                        <li><a href="/">主页</a></li>
                        <li><a style="cursor: pointer" onclick="window.history.back(-1);">上一页</a></li>
                        <li>医生信息</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--page-title-two end-->


        <!-- ddoctor-details -->
        <section class="doctor-details bg-color-3">
            <div class="auto-container">
                <div class="row clearfix">
                    <div class="col-lg-8 col-md-12 col-sm-12 content-side">
                        <div class="clinic-details-content doctor-details-content">
                            <div class="clinic-block-one">
                                <div class="inner-box">
                                    <figure class="image-box"><img src="../../images/team/team-33.jpg" alt=""></figure>
                                    <div class="content-box">
                                        <div class="like-box"><a><i class="far fa-heart"></i></a></div>
                                        <div class="share-box">
                                            <a class="share-btn"><i class="fas fa-share-alt"></i></a>
                                        </div>
                                        <ul class="name-box clearfix">
                                            <li class="name"><h2 th:text="${doctor.name}">Dr. Agnes Ayres</h2></li>
                                            <li><i class="icon-Trust-1"></i></li>
                                            <li><i class="icon-Trust-2"></i></li>
                                        </ul>
                                        <span class="designation" th:text="${doctor.formatGender+'，'+doctor.age+'岁'}">BDS, MDS - Oral & Maxillofacial Surgery</span>
                                        <div class="rating-box clearfix">
                                            <ul class="rating clearfix" th:with="level=${doctor.avgLevel}">
                                                <th:block th:if="${level > 0}" th:each="index:${#numbers.sequence(1, level)}">
                                                    <li><i class="icon-Star"></i></li>
                                                </th:block>
                                                <th:block th:if="${level < 5}" th:each="index:${#numbers.sequence(1, 5-level)}">
                                                    <li class="light"><i class="icon-Star"></i></li>
                                                </th:block>
                                                <li><a th:text="${'('+doctor.reviewCount+')'}">(17)</a></li>
                                            </ul>
                                        </div>
                                        <div class="text">
                                            <p th:text="${doctor.intro}">Lorem ipsum dolor sit amet consectur adipisc eiusmod tempor incididunt.</p>
                                        </div>
                                        <div class="lower-box clearfix">
                                            <ul class="info clearfix">
                                                <li><i class="fas fa-mailbox"></i><span th:text="${doctor.mail}">G87P, Birmingham, UK</span></li>
                                                <li><i class="fas fa-phone"></i><a th:text="${doctor.phone}">+(22) 65_458_856</a></li>
                                            </ul>
<!--                                            <div class="view-map"><a href="doctors-details.html">View Map</a></div>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tabs-box">
                                <div class="tab-btn-box centred">
                                    <ul class="tab-btns tab-buttons clearfix">
                                        <li class="tab-btn active-btn" data-tab="#tab-1">概览</li>
<!--                                        <li class="tab-btn" data-tab="#tab-2">经验</li>-->
<!--                                        <li class="tab-btn" data-tab="#tab-3">地址</li>-->
<!--                                        <li class="tab-btn" data-tab="#tab-4">评价</li>-->
                                    </ul>
                                </div>
                                <div class="tabs-content">
                                    <div class="tab active-tab" id="tab-1">
                                        <div class="inner-box">
                                            <div class="text">
                                                <h3>有关医生:</h3>
                                                <p th:text="${doctor.intro}">Dr. Agnes Ayres is a Maxillofacial Surgeon in New York, NY.  Dr. Ayres has more experience with Congenital Cardiac Disorders and Cardiac Care than other specialists in his area.  He is affiliated with medical facilities such as Mount Sinai Morningside and Roosevelt Hospital.  He is accepting new patients.  Be sure to call ahead with Dr. Pinney to book an appointment.</p>
                                                <h3>更多信息</h3>
                                                <p>毕业于国内顶尖的医学院，随后在多个知名的三甲医院完成了进修和深造，积累了丰富的医学知识和实践经验。他擅长处理各种复杂的内科疾病，特别是在心血管疾病和糖尿病的诊疗方面有着独到的见解和深厚的造诣。</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 col-sm-12 sidebar-side">
                        <div class="clinic-sidebar">
                            <!--                            <div class="form-widget">-->
                            <!--                                <div class="form-title">-->
                            <!--                                    <h3>Contact Us</h3>-->
                            <!--                                    <p>Don’t hesitate to contact us</p>-->
                            <!--                                </div>-->
                            <!--                                <div class="form-inner">-->
                            <!--                                    <form action="clinic-details.html" method="post">-->
                            <!--                                        <div class="form-group">-->
                            <!--                                            <input type="text" name="name" placeholder="Your name" required="">-->
                            <!--                                        </div>-->
                            <!--                                        <div class="form-group">-->
                            <!--                                            <input type="email" name="email" placeholder="Enter your email" required="">-->
                            <!--                                        </div>-->
                            <!--                                        <div class="form-group select-box">-->
                            <!--                                            <select class="wide">-->
                            <!--                                               <option data-display="Enter subject">Enter subject</option>-->
                            <!--                                               <option value="1">Cardiology</option>-->
                            <!--                                               <option value="2">Nurology</option>-->
                            <!--                                               <option value="4">Pragnency</option>-->
                            <!--                                            </select>-->
                            <!--                                        </div>-->
                            <!--                                        <div class="form-group">-->
                            <!--                                            <textarea name="message" placeholder="Message"></textarea>-->
                            <!--                                        </div>-->
                            <!--                                        <div class="form-group message-btn">-->
                            <!--                                            <button type="submit" class="theme-btn-one">Send Message<i class="icon-Arrow-Right"></i></button>-->
                            <!--                                        </div>-->
                            <!--                                    </form>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <div class="info-widget">
                                <div class="info-title">
                                    <h3>联系信息</h3>
                                    <p>周一到周五: 09:00Am-05:00PM</p>
                                </div>
                                <div class="info-inner">
                                    <ul class="info-list clearfix">
                                        <li>
                                            <h4>地址</h4>
                                            <p>北京市东城区大华路1号</p>
                                        </li>
                                        <li>
                                            <h4>电话</h4>
                                            <p><a href="">010-85132266</a></p>
                                        </li>
                                        <li>
                                            <h4>传真</h4>
                                            <p><a href="">652458_856</a></p>
                                        </li>
                                        <li>
                                            <h4>邮箱</h4>
                                            <p><a href="mailto:info@example.com">info@example.com</a></p>
                                        </li>
                                        <li>
                                            <h4>网址</h4>
                                            <p><a href="clinic-details.html">http://memorial.hospital.com</a></p>
                                        </li>
                                    </ul>
                                    <div class="social-box">
                                        <h4>社交媒体</h4>
                                        <ul class="social-links clearfix">
                                            <li><a href=""><i class="fab fa-google-plus-g"></i></a></li>
                                            <li><a href=""><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href=""><i class="fab fa-instagram"></i></a></li>
                                            <li><a href=""><i class="fab fa-twitter"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- doctor-details end -->


        <!-- main-footer -->
        <div th:replace="~{parts/main-footer}"></div>
        <!-- main-footer end -->


        <!--Scroll to top-->
        <button class="scroll-top scroll-to-target" data-target="html" onclick='location.href=("/message?targetId=6")'>
            <img src="../../images/robot-2.png">
        </button>
    </div>

    <script th:replace="~{parts/js}"></script>
    <script>
        $('#doc_tab').addClass("current");
    </script>

</body><!-- End of .page_wrapper -->
</html>
